<html>
    <head>
        <title>初始渲染的过渡</title>
    </head>
    <body>
        <script>
            // 初始渲染的过渡

                    // 可以通过 transition 组件的 appear attribute(标签属性)设置节点初始渲染的过渡。
                            /*
                                <transition appear>
                                     .....
                                </transition>
                            */
                        
                    // 这里默认和 "进入/离开"过渡一样，同样也可以自定义CSS类名。
                            /*
                                <transition 
                                    appear 
                                    appear-class="custom-appear-class"
                                    appear-to-class="custom-appear-to-class"
                                    appear-active-class="custom-appear-active-class"
                                >
                                    .....
                                </transition>
                            */

                    // 自定义JavaScript钩子
                            /*
                                <transition
                                    appear
                                    v-on:before-appear="customBeforeAppearHook"
                                    v-on:appear="custonAppearHook"
                                    v-on:after-appear="customAfterHook"
                                    v-on:appear-cancelled="customAppearCancelledHook"
                                >
                                </transition>
                            */

                    // 在上面的例子中，无论是 appear 标签属性，还是 v-on:appear 钩子都会生成初始渲染过度。

                    
        </script>
    </body>
</html>